<style>
    p {
        color: red;
    }
    #container .text{
        color: blue;
    }
    p.text {
        color: green;
    }
    div > p {
        color: yellow;
    }
</style>

<div id = "container">
    <p class="text"> hello world!</p>
</div>